@CHARSET "ISO-8859-1";
/** Add css rules here for your application. */
body,table {
  font-size: small;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  color: #000;
  background:white;
}

.popup {
  background: #eee;
  padding: 0.5em;
  width: 14em;
  height: 2.5em;
}

.mediaPopup {
  background: #eee;
  padding: 0.5em;
  width: 20em;
  height: 10em;
}

.button {
  float: right;
}

.addBox {
    float: right;
    padding: 8px 4px;
}

.addLink {
  color: blue;
  font-size: 1.1em;
  cursor: pointer;
}

.boxPadding {
  margin: 11px 11px 11px 11px;
  xpadding: 11px;
}

.contentColumn {
  margin: 10px 0 0 10px;
  background-color: white;
  border: 2px solid #5693d6;
}

.formTitle {
  font-weight: bold;
  font-size: 2em;
  margin: 15px 0;
}

.formButtons {
  text-align: right;
  margin: 10px 0;
  padding: 10px;
  background-color: #e3e3e3;
  float:left;
  clear:left;
}

.formContainer {
  padding: 10px;
}

.help {
  color: gray
}

.link {
  text-decoration: underline;
  cursor: pointer;
}

.mainPanel {
  width: 100%;
  background-color: white;
  border: 2px solid #5693d6;
  overflow:hidden !important;
  height:100%;
}

.scrollPanel {
  width: 100%;
  float:left;
}

.titleBar {
  background-color: #5693d6;
  color: white;
  padding: 8px 4px;
  font-size: 1.1em;
  font-weight: bold;
}

.outer {
  background-color: #e1e1e1;
}

.headerContainer {
  padding: 0 11px;
}

.welcomeDiv {
  float: right;
  margin-top: 5px;
}

.tagLine {
  margin-left: 180px;
  padding-top: 22px;
  font-size: 1.8em;
  font-weight: bold;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.loading {
	width: 100%;
	padding: 55px ;
}

.bookDiv {
	width:460px;
	float:left;
}
.bookDiv ul {
	padding-left:0;
}
.bookDiv ul li {
	list-style:none;
	padding-bottom:5px;
}
.bookDiv ul li label {
	width:76px;
	display:inline-block;
}
.bookDiv ul li div {
	display:inline;
}
.quoteDiv {
	width:460px;
	float:left;
}
.search {
	float:left;
}
.labelTitle {
	width:18%;
}
.labelFilmTitle {
	width:14.2%;
}
.labelQuoteTitle {
	width:188px;
}
.labelAuthor {
	width:16%;
}
.labelDirector {
	width:14.5%;
}
.labelPadding {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:0.5%;
	padding-right:0.5%;
	float:left;
	font-weight:bold;
}
.labelPadding2 {
	padding:4px;
	float:left;
	font-weight:bold;
}
.labelNotes {
	width:16%;
}
.labelFilmNotes {
	width:14.5%;
}
.labelQuoteNotes {
	width:220px;
}
.labelStars {
	width:12.5%;
}
.labelDate {
	width:7.2%;
}
.labelFilmDate {
	width:6.2%;
}
.labelRating {
	width:4.2%;
}
.labelFilmRating {
	width:3.5%;
}
.labelFilmYear {
	width:3.0%;
}
.labelOther {
	width:3.6%;
}
.labelYear {
	width:2.5%;
}
.labelColumn {
	padding:3px;
}
.labelTopic {
	width:17%;
}
.flexTableColumnLabelCell {
	font-weight:bold;
	padding-right:6px;
}
.flexTableCell {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
}
.flexTableCell2 {
	padding-right:0;
	padding-left:7px;
	padding-top:7px;
	padding-bottom:7px;
}
.flexTableCell3 {
	padding:4px;
}
.flexTableTitle {
	font-weight:bold;
	width:15%;
}
.flexTableAuthor {
	width:13%;
}
.flexTableDirector {
	width:13.22%;
}
.clearLeft {
	clear:left;
}
.flexTableNotes {
	width:16%;
}
.flexTableStars {
	width:14%;
}
.flexTableQuote {
	width:300px;
}
.flexTableDate {
	width:6%;
}
.flexTableFilmDate {
	width:7%;
}
.flexTableRating {
	width:3.4%;
}
.flexTableGenre {
	width:3.2%;
}
.pointer {
	cursor: pointer;
}
.updateCell {
	width:2%;
}
.quoteTitle {
	width:186px;
	float:left;
}
.tableHead {
	width:100%;
	table-layout:fixed;
}
.tableHead thead tr th {
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
	padding-left:4px;
	text-align:left;
}
